<!DOCTYPE html>
<html lang="zh-CN" xml:lang="zh-CN">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app -capable" content="yes">
    <meta name="apple-mobile-web-app -status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <title>中奖信息填写</title>
    <link rel="stylesheet" type="text/css" href="../css/base.css">
    <link rel="stylesheet" type="text/css" href="../assets/js/mobileSelect/css/mobileSelect.css">
    <link rel="stylesheet" type="text/css" href="../css/index.css">

</head>
<body style="background: #fff;">
<div id="loading"></div>

<div class="receive-info" id="receive-info">
    <transition name="fade">
        <div class="model-alert" v-if="errorDialog">
            <div class="model-cover"></div>
            <div class="model-content alert-box">
                {{errorMsg}}
                <div class="alert-btn" @click="closeErrorDialog">稍后再试</div>
            </div>
        </div>
    </transition>
    <div class="receive-own">
        <div class="receive-title">
            本人收件信息 <span class="fr">*保存后不可修改*</span>
        </div>
        <ul class="receive-list">
            <li class="flex jcsb">
                <div class="receive-name">姓名</div>
                <div class="receive-con flex aic">
                    <div class="inputbox">
                        <input type="text" class="nameinput" placeholder="输入姓名" @blur="Validation(ValidateName())" v-model="userForm.username">
                    </div>
                    <div class="unit"></div>
                </div>
            </li>
            <li class="flex jcsb">
                <div class="receive-name">电话</div>
                <div class="receive-con flex aic">
                    <div class="inputbox">
                        <input type="number" class="nameinput" placeholder="输入联系电话" @blur="Validation(ValidatePhone())" v-model="userForm.userphone">
                    </div>
                    <div class="unit"></div>
                </div>
            </li>
            <li class="flex jcsb" v-show="!isFill">
                <div class="receive-name">邮寄地区</div>
                <div class="receive-con flex aic" @click="City">
                    <div class="inputbox">
                        <input type="text" class="nameinput"  placeholder="选择所在省市" id="City" v-model="userForm.pidname" disabled="disabled">
                    </div>
                    <div class="unit"><i class="icon rightArrow"></i></div>
                </div>
            </li>
            <li class="flex jcsb" v-show="isFill">
                <!--填写过信息显示-->
                <div class="receive-name">邮寄地区</div>
                <div class="receive-con flex aic">
                    <div class="inputbox">
                        <input type="text" class="nameinput" placeholder="选择所在省市" v-model="userForm.pidname">
                    </div>
                    <div class="unit"></div>
                </div>
            </li>
            <li class="flex jcsb">
                <div class="receive-name">详细地址</div>
                <div class="receive-con flex aic">
                    <div class="inputbox">
                        <input type="text" class="nameinput" placeholder="街道，楼，门牌号等" @blur="Validation(ValidateAddress())" v-model="userForm.useraddress">
                    </div>
                    <div class="unit"></div>
                </div>
            </li>

        </ul>
    </div>

    <div class="receive-own" v-if="prizeshortname == 3">
        <div class="receive-title">恭喜您抽中三等奖</div>
        <ul class="receive-list">
            <li class="flex jcsb  receive-scj">
                <div class="receive-name">拜托了，素材君</div>
                <div class="receive-con">任意三本（随机发）</div>
            </li>
        </ul>
    </div>
    <div class="receive-own" v-if="prizeshortname != 3">
        <div class="receive-title" v-show="!isFill && prizeshortname == 1">恭喜您抽中一等奖，请选择奖品</div>
        <div class="receive-title" v-show="!isFill && prizeshortname == 2">恭喜您抽中二等奖，请选择奖品</div>
        <div class="receive-title" v-show="isFill">奖品信息</div>
        <ul class="receive-list" v-show="isFill">
            <li class="flex jcsb">
                <!--<div class="receive-name">中奖奖品</div>-->
                <div class="receive-con flex aic" style="width: 100%">
                    <div class="inputbox" >
                        <ul>
                            <li v-for="item in lottery_data_txt" style="font-size: 0.9rem; color: #666;border: none;padding: 0 10px 0.2rem 7px;width: 100%">{{item}}</li>
                        </ul>
                    </div>
                    <div class="unit"></div>
                </div>
            </li>
        </ul>
        <ul class="receive-list" v-show="!isFill">
            <template v-if="parseInt(prizeshortname) == 1">
                <li class="flex jcsb">
                    <div class="receive-name" style="width: 80%">2019临考押题密卷一套</div>
                    <div class="receive-con flex aic" @click="MJData">
                        <div class="inputbox">
                            <input type="text" class="nameinput"  placeholder="选择文/理科" id="MJData" v-model="prize_data.mj" disabled="disabled">
                        </div>
                        <div class="unit"><i class="icon rightArrow"></i></div>
                    </div>
                </li>
            </template>
            <template v-if="parseInt(prizeshortname) == 2">
                <li class="flex jcsb">
                    <div class="receive-name">年级</div>
                    <div class="receive-con flex aic" @click="Grade">
                        <div class="inputbox">
                            <input type="text" class="nameinput"  placeholder="选择年级" id="Grade" v-model="prize_data.grade" disabled="disabled">
                        </div>
                        <div class="unit"><i class="icon rightArrow"></i></div>
                    </div>
                </li>
                <!--初中版-->
                <!--七年级-->
                <template v-if="prize_data.grade_name == '初中'">
                    <li class="flex jcsb" v-show="prize_data.grade != '初中九年级'">
                        <div class="receive-name">教材帮</div>
                        <div class="receive-con flex aic" @click="JCBData">
                            <div class="inputbox">
                                <input type="text" class="nameinput"  placeholder="选择学科版本" id="JCBData" v-model="prize_data.jcb" disabled="disabled">
                            </div>
                            <div class="unit"><i class="icon rightArrow"></i></div>
                        </div>
                    </li>
                    <li class="flex jcsb" v-show="prize_data.grade != '初中九年级'">
                        <div class="receive-name">一遍过</div>
                        <div class="receive-con flex aic" @click="YBGData">
                            <div class="inputbox">
                                <input type="text" class="nameinput"  placeholder="选择学科版本" id="YBGData" v-model="prize_data.ybg" disabled="disabled">
                            </div>
                            <div class="unit"><i class="icon rightArrow"></i></div>
                        </div>
                    </li>
                    <li class="flex jcsb" v-show="prize_data.grade == '初中九年级'">
                        <div class="receive-name">中考45套</div>
                        <div class="receive-con flex aic" @click="ZKData">
                            <div class="inputbox">
                                <input type="text" class="nameinput"  placeholder="选择学科版本" id="ZKData" v-model="prize_data.zk" disabled="disabled">
                            </div>
                            <div class="unit"><i class="icon rightArrow"></i></div>
                        </div>
                    </li>

                </template>
                <template v-if="prize_data.grade_name == '高中'">
                    <li class="flex jcsb">
                        <div class="receive-name">调研6辑</div>
                        <div class="receive-con flex aic" @click="DYData">
                            <div class="inputbox">
                                <input type="text" class="nameinput"  placeholder="选择学科版本" id="DYData" v-model="prize_data.dy" disabled="disabled">
                            </div>
                            <div class="unit"><i class="icon rightArrow"></i></div>
                        </div>
                    </li>
                    <li class="flex jcsb">
                        <div class="receive-name">特快专递5期</div>
                        <div class="receive-con flex aic" @click="TKData">
                            <div class="inputbox">
                                <input type="text" class="nameinput"  placeholder="选择学科版本" id="TKData" v-model="prize_data.tk" disabled="disabled">
                            </div>
                            <div class="unit"><i class="icon rightArrow"></i></div>
                        </div>
                    </li>
                    <!--<li class="flex jcsb  receive-scj" v-show="prize_data.grade_name == '高中'">-->
                    <!--<div class="receive-name">拜托了，素材君</div>-->
                    <!--<div class="receive-con">任意三本（随机发）</div>-->
                    <!--</li>-->
                </template>
                <li class="flex jcsb  receive-scj" v-show="prize_data.grade_name == '高中' ||　prize_data.grade_name == '初中'">
                    <div class="receive-name">拜托了，素材君</div>
                    <div class="receive-con">任意三本（随机发）</div>
                </li>
            </template>

        </ul>

    </div>
    <!--预览信息时，不显示按钮-->
    <div class="receive-save" :class="{canSave : canSaveUser}" v-show="!isFill" @click="saveBtn">保存</div>
    <div class="receive-save" v-show="isFill" style="background: #f64943;"><a href="../index.html">去抽奖页</a></div>
</div>
<script src="../assets/js/vue.min.js"></script>
<script src="../assets/js/jquery-3.0.0.min.js"></script>
<script src="../assets/js/mobileSelect/js/mobileSelect.js"></script>
<script src="../assets/js/jweixin-1.4.0.js"></script>
<script src="../assets/js/wx-share.js"></script>
<!--<script src="../assets/js/vConsole.js"></script>-->
<script src="../js/api.js"></script>
<script src="../js/common.js"></script>
<script src="../js/receive.js"></script>
</body>
</html>
